<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格</title>
    <link rel="stylesheet" href="../task1/css/reset.css">
    <style>
        body{
            background-image: url(img/bg3.jpg);
            background-size: 1600px 900px;
        }
        .tab{
            margin: 4em auto;
        }
        h1{
            color: white;
            margin-left: 110px;
            font-size: 42px;
            display: inline;
        }
        .user{
            float: right;
            margin-right: 6em;
            line-height: 8em;
        }
    </style>
</head>
<body>
    <h1>开始</h1>
    <div class="user">
        <img src="img/user.jpg" height="40" width="40" />
    </div>
<table class="tab">
    <tr>
        <td><img src="img/tab1.jpg" height="120" width="120"/></td>
        <td><img src="img/tab2.jpg" height="120" width="120"/></td>
        <td colspan="2"><img src="img/btab1.jpg" height="120" width="248"/></td>
        <td width="30px"></td>
        <td colspan="2"><img src="img/btab6.jpg" height="120" width="248"/></td>
        <td><img src="img/tab11.jpg" height="120" width="120"/></td>
        <td><img src="img/tab12.jpg" height="120" width="120"/></td>
        <td><img src="img/tab13.jpg" height="120" width="120"/></td>
    </tr>
    <tr>
        <td><img src="img/tab4.jpg" height="120" width="120"/></td>
        <td><img src="img/tab3.jpg" height="120" width="120"/></td>
        <td colspan="2"><img src="img/btab2.jpg" height="120" width="248"/></td>
        <td ></td>
        <td><img src="img/tab14.jpg" height="120" width="120"/></td>
        <td><img src="img/tab15.jpg" height="120" width="120"/></td>
        <td colspan="2"><img src="img/btab7.jpg" height="120" width="248"/></td>
    </tr>
    <tr>
        <td><img src="img/tab5.jpg" height="120" width="120"/></td>
        <td><img src="img/tab6.jpg" height="120" width="120"/></td>
        <td colspan="2"><img src="img/btab3.jpg" height="120" width="248"/></td>
        <td></td>
        <td><img src="img/tab16.jpg" height="120" width="120"/></td>
        <td><img src="img/tab17.jpg" height="120" width="120"/></td>
        <td><img src="img/tab18.jpg" height="120" width="120"/></td>
        <td><img src="img/tab19.jpg" height="120" width="120"/></td>
    </tr>
    <tr>
        <td><img src="img/tab8.jpg" height="120" width="120"/></td>
        <td><img src="img/tab7.jpg" height="120" width="120"/></td>
        <td colspan="2"><img src="img/btab4.jpg" height="120" width="248"/></td>
        <td></td>
        <td colspan="2"><img src="img/btab8.jpg" height="120" width="248"/></td>
        <td colspan="2"><img src="img/btab9.jpg" height="120" width="248"/></td>
    </tr>
    <tr>
        <td colspan="2"><img src="img/btab5.jpg" height="120" width="248"/></td>
        <td><img src="img/tab9.jpg" height="120" width="120"/></td>
        <td><img src="img/tab10.jpg" height="120" width="120"/></td>
        <td></td>
        <td><img src="img/tab20.jpg" height="120" width="120"/></td>
        <td><img src="img/tab21.jpg" height="120" width="120"/></td>
        <td><img src="img/tab22.jpg" height="120" width="120"/></td>
        <td><img src="img/tab23.jpg" height="120" width="120"/></td>
    </tr>
</table>
</body>
</html>